{% extends "editor/state_editor_row.html" %}

{% block id %}content{% endblock %}

{% block label %}content{% endblock %}

{% block info %}{% endblock %}

{% block cls %}oppia-state-content{% endblock %}

{% block center %}
  <div ng-if="!contentMemento">
    <span ng-show="content[0].value == ''" class="oppia-placeholder">
      In this section, type what you want the reader to see before interacting with this state.
    </span>
    <span angular-html-bind="content[0].value"></span>
  </div>

  <div ng-if="!!contentMemento">
    <object-editor obj-type="Html" value="content[0].value" always-editable="true"></object-editor>
    <button ng-click="saveTextContent()">Close</button>
  </div>
{% endblock %}

{% block right %}
  <button ng-if="!contentMemento" ng-click="editContent()" class="pull-right">
    Edit content
  </button>
{% endblock %}
